img {
    vertical-align: middle; /*fix 3px margin-bottom*/
    text-align: center;

    outline: 0;
    max-width: 100%;
    height: auto;
}

picture, .picture {
    overflow: hidden;
    text-align: center;
}


a {
    &.nolink {
        text-decoration: none;
        color: inherit;
    }
}

.hashtag {
    font-style: italic;
    padding-right: 1px;
    font-size: 0.8em;
    
    & + a {
        text-decoration-line: underline;
    }
}

.debug {
    border: 1px solid blue;
    color: #f00;
}

/*
.fab {
    position: relative;

    .md-fab {
        position: absolute;
        right: 24px;
        bottom: -24px;
    }
}
*/

md-dialog {
    
    &.crop-dialog {
        max-width: 100%;
        max-height: 100%;

        md-content {
            overflow: hidden;
            padding: 0;

            crop {

            }
        }
    }
}

.bottom-sheet {
    position: absolute;
    right: 2px;
    top: -4px;
}

textarea.md-input {
    min-height: 120px;
}
/*
.dropdown-menu {
    padding: 0;
    -webkit-order: 3; 
    -ms-flex-order: 3;
    order: 3; 

    > li {
        list-style-type: none;
        padding: 2px 0;

        &.active {
            color: #ff6a00 !important; 
        }

        strong {
            font-weight: 600;
        }
    }
}
*/
[text-left] {
    text-align: left;
}

[hmargin] {
    margin-left: 8px;
    margin-right: 8px;
}

[vmargin] {
    margin-top: 8px;
    margin-bottom: 8px;
}

[relative] {
    position: relative;
}

.fab-top-right {
      top: 20px;
      right: 20px;
      bottom: auto;
      left: auto;
      position: absolute; 
}

.fab-bottom-right {
      top: auto;
      right: 20px;
      bottom: 20px;
      left: auto;
      position: absolute; 
}

img {
    &.preloadable {
        max-width: 100%; 
        height:auto;
        -webkit-transition: max-height 0.8s;
	    -moz-transition: max-height 0.8s;
	    transition: max-height 0.8s;
        max-height: 1000px;
        &.empty {
            max-height: 0;
        }
    }
}

/*
md-card,
.card {
    max-width: 800px;
    margin: 0 auto;
    
    @media screen and (min-width: 800px) {
        margin-top: 60px;
        margin-bottom: 40px;
    }
}
*/